{extend name="base" /}
{block name="resources"/}
<link rel="stylesheet" href="HOTEL_CSS/order_detail.css"/>

<style>
    .logistics-operation{
        padding-left: 25px;
        padding-bottom: 25px;
    }
    .settlement_block{
        display: flex;
    }
    .settlement_line{
        display: flex;flex-flow: column;margin-left: 2%;width:30%
    }
    .settlement-inner-content-item-label{
        width: auto;
    }
</style>
{/block}
{block name="main"}
<div class="order-detail">
    <div class="layui-row layui-col-space1 order-detail-info" >
        <div class="layui-col-md4 order-detail-left" >
            <div class="layui-card">
                <div class="layui-card-header nav-title">订单信息</div>
                <div class="layui-card-body">
                    <div class="layui-form">
                        <div class="layui-form-item">
                            <label class="layui-form-label">订单编号：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <div class="layui-form-mid layui-word-aux">{$order_detail['order_no']}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">付款方式：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <div class="layui-form-mid layui-word-aux">{$order_detail.pay_type_name}</div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">买家：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <div class="layui-form-mid layui-word-aux"><a class="ns-text-color" target="_blank" href='{:addon_url("hotel://hotel/member/detail?member_id=".$order_detail["member_id"])}'>{$order_detail.nickname}</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item order-detail-hr"></div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">租客姓名：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <div class="layui-form-mid layui-word-aux">
                                        <p>{$order_detail['realname']}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">联系电话：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <div class="layui-form-mid layui-word-aux">
                                        <p>{$order_detail['mobile']}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">到店时间：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <div class="layui-form-mid layui-word-aux">
                                        <p>{$order_detail['arrival_time']}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">入驻日期：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <div class="layui-form-mid layui-word-aux">
                                        <p>{$order_detail['start_date']}</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">离店日期：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <div class="layui-form-mid layui-word-aux">
                                        <p>{$order_detail['end_date']}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4 order-detail-left" >
            <div class="layui-card">
                <div class="layui-card-header nav-title">房间信息</div>
                <div class="layui-card-body">
                    <div class="layui-form">
                        <div class="layui-form-item">
                            <label class="layui-form-label">酒店名称：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <div class="layui-form-mid layui-word-aux">{$order_detail['hotel_name']}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">房间名称：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <div class="layui-form-mid layui-word-aux">{$order_detail.room_name}</div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">房间价格(标的价格)：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <div class="layui-form-mid layui-word-aux">{$order_detail.room_price}</div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">预定数量：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <div class="layui-form-mid layui-word-aux">{$order_detail.room_num}</div>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">房间图片：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <div class="layui-form-mid layui-word-aux">
                                        <img src="{:img($order_detail.room_image)}" style="width: 100px;">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">房间总额：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <div class="layui-form-mid layui-word-aux">￥{$order_detail.room_money}</div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">
                                订单共{$order_detail["room_num"]}间房，总计：<span>￥{$order_detail["order_money"]}</span>
                            </label>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4 order-detail-operation">
            <div class="layui-card">
                <div class="layui-card-header">订单状态：{$order_detail.order_status_name}{if $order_detail.order_status == 3 && (!empty($order_detail.take_delivery_execute_time) && $order_detail.take_delivery_execute_time > 0)}(还剩{:timediff(time(),$order_detail.take_delivery_execute_time)}自动确认){/if}</div>
                <div class="layui-card-body">
                    <p class="order-detail-tips"></p>
<!--                    <button class="layui-btn ns-bg-color" onclick="orderRemark('{$order_detail.order_id}')">备注</button>-->
                    {php}
                    $order_json_data = json_decode($order_detail['order_status_action'], true);
                    $action = $order_json_data['action'];
                    {/php}
                    {foreach $action as $action_k => $action_item}
                    <a class="layui-btn ns-bg-color" href="javascript:orderAction('{$action_item.action}', '{$order_detail.order_id}')">{$action_item.title}</a>
                    {/foreach}
                    <br>
                    <i class="layui-icon  layui-icon-about"></i>
                </div>
            </div>
        </div>
        <!--<div class="layui-col-md12">-->
        <!--<div class="layui-card">-->
        <!--<div class="layui-card-header">订单商品</div>-->
        <!--<div class="layui-card-body">-->
        <!---->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <div class="order-detail-dl" style="left: 67%;">
            <dl>
                <dt>提醒：</dt>
                <dd>交易成功后，平台将把货款结算至你的酒店账户余额，您可以申请提现；</dd>
            </dl>
        </div>
    </div>
</div>

<!--<div class="layui-card">
    <div class="layui-card-header nav-title">房间信息</div>
    <div class="layui-card-body">
        <div class="settlement-view">
            <div class="settlement-inner settlement_block">
                <div class="settlement_line">
                    <div class="settlement-inner-content-item">
                        <label class="settlement-inner-content-item-label">酒店名称：</label>
                        <div class="settlement-inner-content-item-label-value">{$order_detail.hotel_name}</div>
                    </div>
                    <div class="settlement-inner-content-item">
                        <label class="settlement-inner-content-item-label">房间名称：</label>
                        <div class="settlement-inner-content-item-label-value">{$order_detail.room_name}</div>
                    </div>
                    <div class="settlement-inner-content-item">
                        <label class="settlement-inner-content-item-label">房间价格(标的价格)：</label>
                        <div class="settlement-inner-content-item-label-value">{$order_detail.room_price}</div>
                    </div>
                    <div class="settlement-inner-content-item">
                        <label class="settlement-inner-content-item-label">房间数量：</label>
                        <div class="settlement-inner-content-item-label-value">{$order_detail.room_num}</div>
                    </div>
                    <div class="settlement-inner-content-item">
                        <label class="settlement-inner-content-item-label">房间图片：</label>
                        <div class="settlement-inner-content-item-label-value">
                            <img src="{:img($order_detail.room_image)}" style="width: 100px;">
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
</div>-->

<!--<div class="layui-card">
    <div class="layui-card-header nav-title">租客信息</div>
    <div class="layui-card-body">
        <div class="settlement-view">
            <div class="settlement-inner settlement_block">

                 <div class="settlement_line">
                     <div class="settlement-inner-content-item">
                         <label class="settlement-inner-content-item-label">到店时间：</label>
                         <div class="settlement-inner-content-item-label-value">{$order_detail.arrival_time}</div>
                     </div>
                     <div class="settlement-inner-content-item">
                         <label class="settlement-inner-content-item-label">租客姓名：</label>
                         <div class="settlement-inner-content-item-label-value">{$order_detail.realname}</div>
                     </div>
                     <div class="settlement-inner-content-item">
                         <label class="settlement-inner-content-item-label">手机号：</label>
                         <div class="settlement-inner-content-item-label-value">{$order_detail.mobile}</div>
                     </div>
                     <div class="settlement-inner-content-item">
                         <label class="settlement-inner-content-item-label">入住日期：</label>
                         <div class="settlement-inner-content-item-label-value">{$order_detail.start_date}</div>
                     </div>
                     <div class="settlement-inner-content-item">
                         <label class="settlement-inner-content-item-label">离店日期：</label>
                         <div class="settlement-inner-content-item-label-value">{$order_detail.end_date}</div>
                     </div>
                 </div>

            </div>
        </div>
    </div>
</div>-->

<!--<div class="layui-card">
    <div class="layui-card-header nav-title">金额</div>
    <div class="layui-card-body">
        <div class="settlement-view">
            <div class="settlement-inner settlement_block">

                <div class="settlement_line">
                    <div class="settlement-inner-content-item">
                        <label class="settlement-inner-content-item-label">房间总额：</label>
                        <div class="settlement-inner-content-item-label-value">¥{$order_detail.room_money}</div>
                    </div>
                   &lt;!&ndash; <div class="settlement-inner-content-item">
                        <label class="settlement-inner-content-item-label">使用积分：</label>
                        <div class="settlement-inner-content-item-label-value">{$order_detail.use_point}</div>
                    </div>&ndash;&gt;
                    <div class="settlement-inner-content-item">
                        <label class="settlement-inner-content-item-label">积分抵扣金额：</label>
                        <div class="settlement-inner-content-item-label-value">¥{$order_detail.point_money}</div>
                    </div>
                    <div class="settlement-inner-content-item">
                        <label class="settlement-inner-content-item-label">支付的余额：</label>
                        <div class="settlement-inner-content-item-label-value">¥{$order_detail.balance_money}</div>
                    </div>

                    <div class="settlement-inner-content-item">
                        <label class="settlement-inner-content-item-label">订单总金额：</label>
                        <div class="settlement-inner-content-item-label-value">¥{$order_detail.order_money}</div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>-->

{if $order_detail.pay_status > 0}
<div class="layui-card">
    <div class="layui-card-header nav-title">结算信息</div>
    <div class="layui-card-body">
        <div class="settlement-view">
            <div class="settlement-inner settlement_block">
                <div class="settlement_line">
                    <div class="settlement-inner-content-item">
                        <label class="settlement-inner-content-item-label">酒店结算金额：</label>
                        <div class="settlement-inner-content-item-label-value">￥{$order_detail.hotel_money}</div>
                    </div>
                    <div class="settlement-inner-content-item">
                        <label class="settlement-inner-content-item-label">平台结算金额：</label>
                        <div class="settlement-inner-content-item-label-value">￥{$order_detail.platform_money}</div>
                    </div>
                    <div class="settlement-inner-content-item">
                        <label class="settlement-inner-content-item-label">结&nbsp;&nbsp;算&nbsp;&nbsp;状&nbsp;&nbsp;&nbsp;态：</label>
                        <div class="settlement-inner-content-item-label-value">{if $order_detail.is_settlement == 1}已结算{else/}待结算{/if}</div>
                    </div>
                </div>
               <!-- <div class="settlement_line">
                    <div class="settlement-inner-content-item">
                        <label class="settlement-inner-content-item-label">酒店退款金额：</label>
                        <div class="settlement-inner-content-item-label-value">￥{$order_detail.refund_hotel_money}</div>
                    </div>
                    <div class="settlement-inner-content-item">
                        <label class="settlement-inner-content-item-label">平台退款金额：</label>
                        <div class="settlement-inner-content-item-label-value">￥{$order_detail.refund_platform_money}</div>
                    </div>

                </div>-->

            </div>
        </div>
    </div>
</div>
{/if}



{/block}

{block name="script"}


{/block}